@charset "utf-8";
/* CSS Document */
#cuerpo 
{
	height:564px;
	background-color:#FAFAFA;
}

#mapa
{
	margin-left:40px;
	margin-top:16px;
	height:530px;
	width:600px;
	float:left;
	border-color:#000000;
	border-style:solid;
	border-width:thin;
}

#lateral
{
	width:360px;
	height:564px;
	float:left;
	margin-left:20px;
}

#servicios
{
	width:300px;
	border-style:solid;
	height:250px;
	margin-left:20px;
	margin-top:16px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #e4e4e4;
}

#direcciones
{
	width:300px;
	border-style:solid;
	height:250px;
	margin-left:20px;
	margin-top:20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #e4e4e4;
}

select.combo {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width: 175px;
}

label.combo {
	position:relative;
	width: 175px;
}

label.combo:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}

label.combo:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

#list-servicios
{
	margin-left: 10px;
	margin-top:10px;
	width: 250px;	
	background-color: #E6E6E6;
	border-color: black;
	border-width: thin;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: opx; 
}

.radio-serv
{
	background-color:#FF6600;
	color:#FF6600;
	margin: 6px 0px 6px 10px;
	-moz-appearance: none;
}

label.lab-radio
{
	color: #000;
	padding: 5px 3px 5px 15px;
	font-weight: normal;
	font-style: normal;
}

.lab
{
	position:relative;
	color:#FF6600;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	margin-left:15px;
}

div.lab
{
	margin-top: 25px;
}

div#lab-error
{
	clear: both;
}

.button
{
	color:#FFF;
	background-color:#CC3300;
	border-style:solid;
	border-color:#BEBEBE;
	float: right;
	margin-right: 30px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
	width:80px;
	height:25px;
	font-weight: bold;
}

.button:hover
{
	border-color:#FBFBFB;
}

.text-box {
	background-color: #f8f8f8;
	color:#888;
	border-color: black;
	border-width: thin;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 155px;
    padding: 2px 3px 2px 10px;
}

.text-box:hover 
{
	border-style: dotted;
	border-color: #FF6600;
}

.text-box:focus 
{
	border-style: dotted;
	border-color: #FF6600;
	background: 10px 6px #444;
	color: #FFF;
	outline: none;
}

ul.proximos
{
	margin-left: 10px;
	list-style: none;
	width: 240px;	
	background-color: #E6E6E6;
	border-color: black;
	border-width: thin;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: opx;
}

ul.proximos li
{
	height: 40px;
	vertical-align:middle;
	margin-left: -40px;
	padding: 10px 3px 5px 20px;
	text-align:left;
	border-bottom-color:#FF6600;
	border-bottom-style:solid;
	border-bottom-width:medium;
}